.index-top {
  height: 25.75rem;

  flex-shrink: 0;
  background: url("static/server/Rectangle 38@2x.png") no-repeat;
  padding-top: 1px;
  background-size: 100% 100%;

  .top1 {
    width: 12.25rem;
    height: 0.38rem;
    flex-shrink: 0;
    border-radius: 0.88rem;
    background: linear-gradient(90deg, #2e72f3 0%, #ffffff1a 100%);
    margin-top: 8.48rem;
  }

  .top2 {
    color: #2e72f3;
    font-family: "Microsoft YaHei";
    font-size: 1.73rem;
    font-style: normal;
    font-weight: 400;


    margin-top: 1.5rem;

    span {
      color: #000000;
      font-family: "Microsoft YaHei";
      font-size: 1.73rem;
      font-style: normal;
      font-weight: 400;
    }
  }

  .top3 {
    color: #000000;
    font-family: "Microsoft YaHei";
    font-size: 1.44rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.41rem;
  }

  .top5 {
    width: 0.69rem;
    height: 0.71rem;
    color: #797B80;
    cursor: pointer;
  }

  .top4 {
    color: #686868;
    font-family: "Microsoft YaHei";
    font-size: 0.94rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.63rem;
    ;

    margin-top: 0.7rem;
  }
}

.process {
  width: 100%;
  // height: 69.1rem;
  flex-shrink: 0;
  background: #f9fcff;
  padding-top: 1px;
  padding-bottom: 8.03rem;

  .main {
    width: 78.25rem;
    margin: 0 auto;

    .title {
      color: #333333;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 1.88rem;
      font-style: normal;
      font-weight: 900;
      line-height: 2.63rem;
      margin-top: 4.13rem;
    }

    .desc {
      flex-shrink: 0;
      color: #808080;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      margin-top: 0.23rem;
      line-height: 1.75rem;
    }

    .blocks {
      display: flex;
      justify-content: space-around;

      // margin-left: 0.81rem;
      // margin-right: 2.5rem;
      .block {
        background: url('static/server/Polygon\ 1@2x.png');
        background-size: cover;
        width: 8.88rem;
        height: 8.88rem;
        padding-top: 1.9rem;

        .first {
          color: #ffffff;
          text-align: center;
          font-family: "DIN";
          font-size: 1.88rem;
          font-style: normal;
          font-weight: 700;

        }

        .second {
          color: #ffffff;
          text-align: center;
          font-family: "PingFang SC";
          font-size: 1.13rem;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          margin-top: 0.44rem;
        }

      }
    }

    .process-img {
      width: 59.06rem;
      height: 1.5rem;
      margin: 2.38rem auto;
    }

    .steps {
      display: flex;
      align-items: center;
      justify-content: space-around;

      // margin-left: 0.81rem;
      // margin-right: 2.5rem;
      .step {
        background: url('static/server/Rectangle 40@2x.png') no-repeat;
        background-size: 100%;
        padding: 2.09rem 0.88rem 0 0.94rem;
        width: 17.38rem;
        height: 8.78rem;

        p {
          color: #666666;
          font-family: "PingFang SC";
          font-size: 0.75rem;
          font-style: normal;
          font-weight: 500;
        }
      }
    }
  }
}

.myserver {
  width: 100%;
  height: 54.88rem;
  flex-shrink: 0;
  background: #F5F9FF;

  .server-img {
    width: 78.25rem;
    height: 54.9rem;
    flex-shrink: 0;
    margin: 0 auto;
    display: block;
  }
}